<template>
  <div class="padding">
    <a-card :bordered="false" class="margin-bottom" title="业务开单">
      <a-form>
        <a-row :gutter="32">
          <a-col :span="12">
            <a-form-item label="客户名称">
              <a-select class="width-lg"></a-select>
            </a-form-item>
          </a-col>
          <a-col :span="12" class="flex-inline flex-end">
            <a-form-item label="开单日期">
              <a-date-picker valueFormat="string" class="width-mds" show-time/>
            </a-form-item>
            <a-form-item label="交付日期" class="margin-left">
              <a-date-picker valueFormat="string" class="width-mds" show-time/>
            </a-form-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="14">
            <a-form-item label="项目归属"><a-select class="width-lg"/></a-form-item>

          </a-col>
          <a-col :span="10" class="flex-end">
            <a-space>
              <a-form-item label="业务员"><a-select class="width-mds"/></a-form-item>
            </a-space>
          </a-col>
        </a-row>
        <keep-alive><order-detail/></keep-alive>
        <div class="margin-top">
          <a-space size="middle">
            <a-form-item label="优惠金额"><a-input class="width-mds"/></a-form-item>
            <a-form-item label="票据类型"><a-select class="width-mds"/></a-form-item>
            <a-form-item label="付款方式"><a-select class="width-mds"/></a-form-item>
          </a-space>
        </div>
        <a-form-item label="交付方式">
          <a-space size="middle">
            <a-select class="width-sm"/>
            <a-input placeholder="送/发/安装地址" class="width-lg"></a-input>
          </a-space>
        </a-form-item>
        <a-row>
          <a-col :span="16">
            <a-form-item label="备注说明"><a-textarea/></a-form-item>
          </a-col>
        </a-row>
      </a-form>
    </a-card>
  </div>
  <div class="submit-bar">
    <div>订单金额：<span class="font-weight-bold font-size-lg">￥2488.00</span></div>
    <a-space>
      <a-button type="primary">确认开单</a-button>
      <a-button>导出报价单</a-button>
      <a-button>暂存为草稿</a-button>
    </a-space>
  </div>
</template>
<script setup lang="ts">
import OrderDetail from "@/views/order/components/OrderDetail.vue";
</script>

<style scoped>
  .submit-bar {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 64px;
    right: 0;
    border-top: 1px solid #f0f0f0;
    padding: 12px 30px;
  }
</style>